<template>
  <div class="Container">
    <Row>
      <Col span="24" class="p1">
        <span class="p1Title">JavaScript开发</span>
        <p class="p1Desc">
          县级国土空间信息基础平台提供的REST功能服务，通过访问URL地址实现服务调用。包括获取基础地图服务、空间查询服务、空间统计服务、定位服务等。
        </p>
        <span class="p1Hyper">浏览JavaScript APIs帮助、示例</span>
        <img src="../assets/kfzx/12-JS开发素材.png" class="p1Img" />
      </Col>
      <Col span="24" class="p2">
        <Col span="24">
        <span class="p1Title">应用服务接口</span>
        <p class="p1Desc">
          县级国土空间信息基础平台提供的REST功能服务，通过访问URL地址实现服务调用。包括获取基础地图服务、空间查询服务、空间统计服务、定位服务等。
        </p>
        <span class="p1Hyper">浏览所有应用服务接口、示例</span>
        </col>
        <Row :gutter="80" class="p2ContentFirst">
        <Col span="6">
        <span class="p2Title">基础地图服务</span>
        <p class="p2Desc">ArcGIS包含一套底图，可用于提供世界和您的工作环境的参考地图。这些地图根据大量权威数据提供者所提供的最佳可用数据构建而成，可呈现多种制图样式。它们旨在强调以不同的角度（从物质到政治）看世界。用户可以选择最适合地图或应用程序的底图。</p>
        </Col>
        <Col span="6">
        <span class="p2Title">空间查询服务</span>
        <p class="p2Desc">ArcGIS提供了一套简单快捷的空间直道机制,可以从多层次、多角度满足用户不同的直洵需求，这种直询与普通的SQL查询有较大的差别，它允许用户使用一些音通数据库没有的的集合数据类型,如点类型，线类型与面类型，简单快捷得到直洵结果,并且操作简单，结果清晰。</p>
        </Col>
        <Col span="6">
        <span class="p2Title">空间统计服务</span>
        <p class="p2Desc">在空间查询服务的基础上,根据用户选择的统计服务， ArcGIS可以快速的对直询结果进行统计分类，并对结果进行渲染，使得统计结果一目了然,从而描述和模拟空间现象和过程,避免了用户进行数据的二次分析过程。</p>
        </Col>
        <Col span="6">
        <span class="p2Title">定位服务</span>
        <p class="p2Desc">定位服务是一类简单的HTTP接口，用于提供从地址到经纬度坐标或者从经纬度坐标到地址的转换服务,用户可以使用C#、C++、Java等开发语言发送HTTP请求且接收JSON、XML的返回数据。</p>
        </Col>
        </Row>
        <Row :gutter="50" class="p2ContentSecond">
        <Col span="6">
        <span class="p2Title">标注服务</span>
        <p class="p2Desc">在地图上，如果用户看到自己感兴趣的东西，而又无法用笔记住,那岂不是很遗憾,ArcGIS非常人性化的提供了标注服务，用户可以在地图的基础上添加属于自己的东西，无论添加的是目定义文字、点、图片、折线、绘 制多边形等等，这些私人订制般的服务ArcGIS都可以完美提供.</p>
        </Col>
        <Col span="6">
        <span class="p2Title">专题渲染服务</span>
        <p class="p2Desc">用户可以根据目己特有需求，在感兴趣的区域制作目己喜欢的地图，可以是颜色、字体、分类效果展示等等， ArcGIS强大的渲染功使得用户的地图更加精致，主题更加突出.</p>
        </Col>
        <Col span="6">
        <span class="p2Title">统计信息展示服务</span>
        <p class="p2Desc">在统计服务的基础之上，ArcGIS提供了更加高级的统计信息展示服务，利用ArcGIS的强大渲染功能，对统计结果的图表、地图等进行丰富的渲染，使得统计效果展示的界面更加友好,更加符合用户的需求.</p>
        </Col>
        </Row>
      </Col>
    </Row>
  </div>
</template>
<style scoped>
.p1 {
  text-align: center;
  padding: 30px;
  height: 600px;
  background: #fafafa;
}
.p1Title,
.p1Hyper {
  display: block;
}
.p1Title {
  color: rgba(52, 67, 78, 1);
  font-size: xx-large;
  line-height: 76px;
}
.p1Desc {
  color: rgba(52, 67, 78, 1);
  line-height: 30px;
}
.p1Hyper {
  color: rgba(11, 88, 208, 1);
}
.p1Img {
  margin-top: 70px;
}
.p2 {
  text-align: center;
  padding: 30px;
  height: 600px;
}
.p2ContentFirst {
  padding: 200px 150px 40px;
}
.p2ContentSecond {
  padding: 20px 150px;
}
.p2Title {
  color: rgba(34, 35, 40, 1);
  font-size: large;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  margin-bottom: 10px;
  /* text-align: left; */
}
.p2Desc {
  text-indent: 2em;
  text-align: justify;
}
</style>
<script>
import $ from "jquery";

export default {
  name: "DevelopmentCenter",
  data() {
    return {};
  },
  mounted() {
    $(".Container")
      .height(window.innerHeight - 96)
      .css({ "overflow-y": "auto", "overflow-x": "hidden" });
  }
};
</script>